<template>
    <!-- 该注释解释了 RouterView 组件的作用：作为路由出口，动态渲染匹配的组件 -->
    <!-- 会将路由路径里面的 vue组件替换到这个位置 -->
    <RouterView />
</template>

<script setup lang="ts">
    // 导入 vue-router 提供的两个组件：RouterLink 用于导航，RouterView 用于展示路由组件
    import { RouterLink, RouterView } from 'vue-router'
    
</script>

<style>
    /* 重置样式，移除 body 的默认 margin，确保应用在不同环境下的视觉一致性 */
    body {
        margin: 0;
    }
</style>